* {
	margin: 0;
	padding: 0;
	body {
		main {
			width: 100vw;

			#section1 {
				padding: 50px 10px 0;
				position: relative;
				color: #fff;
				background: #4294ff;
				#back {
					position: absolute;
					top: 10px;
					left: 10px;
					font-family: 宋体;
					font-size: 24px;
					font-weight: bolder;
				}

				#title {
					width: 100%;
					height: 100px;

					display: flex;
					align-items: center;
					justify-content: space-between;
					img {
						width: 60px;
						height: 60px;
						border-radius: 50%;
					}
					h2 {
						margin-left: 10px;
					}
				}
				#sumdata {
					position: relative;
					display: flex;
					justify-content: center;
					div {
						color: #ebebeb;
						font-size: 16px;
						margin: 0 30px;
						p {
							font-size: 14px;
							color: #fff;
							margin-top: 20px;
							span {
								font-size: 36px;
							}
						}
					}
					i {
						width: 1px;
						height: 70px;
						background-color: #fff;
						position: absolute;
						left: 50%;
						top: 10px;
					}
				}
				#sumdata2 {
					display: flex;
					justify-content: space-between;
					div {
						margin: 40px auto;
						text-align: center;
						color: #ebebeb;
						font-size: 14px;
						p {
							margin-top: 10px;
							color: #fff;
							font-weight: bolder;
						}
					}
				}
			}
			#section2 {
				.box {
					margin: 15px auto;
					width: 90%;
					height: 200px;
					border: 1px solid #000;
					border-radius: 10px;
					box-shadow: 0 0 10px 0 #999;
				}
			}
		}
	}
}
